{% extends "layout.html" %}

{% block main %}
<div class="d-flex mt-3">
    <span>当前位置：</span>
    {{breadcrumb}}
</div>
<ul class="list-group list-group-flush" id="data">
    {% for item in list %}
    <div class="list-group-item">
        <h5><a href="{{item.url}}" class="fs-6 fw-bold text-333">{{item.title}}</a></h5>
        <div class="text-secondary fs-8">
            <span>{{item.created_at}}</span>
            <span class="ms-2">分类：</span>
            <span class="category-info">
                {% for item2 in item.categoryLinks %}
                <a class="link-secondary" href="{{item2.url}}" target="_blank">{{item2.text}}</a>
                {% endfor %}
            </span>
        </div>
        <p class="text-secondary my-2">
            {{item.summary}}
        </p>
        <div class="text-secondary fs-8">
            <span>标签：</span>
            <span class="tag-info">
                {% for item2 in item.tagLinks %}
                <a class="link-secondary me-2" href="{{item2.url}}" target="_blank">{{item2.text}}</a>
                {% endfor %}
            </span>
        </div>
    </div>
    {% endfor %}
</ul>
{{pagination}}
{% endblock %}